.el-date-editor .el-range-separator {
  color: var(--color-text-regular);
  @extend %themed;
}

.el-date-editor .el-range-input {
  color: var(--color-text-regular);
  background-color: var(--color-background);
  border-color: var(--color-border-light);
  @extend %themed;
}

.el-date-table td.in-range div,
.el-date-table td.in-range div:hover {
  background: var(--date-table-range-hover);
  @include theme-light {
    --date-table-range-hover: #{rgb($--color-background-light, 95%)};
  }
  @include theme-dark {
    --date-table-range-hover: #{rgb($--color-background-dark, 95%)};
  }
}
